import axios from "axios";
import {Toast} from "antd-mobile"
const http = axios.create({
  timeout: 1000,
  headers: { "X-Custom-Header": "foobar" },
});

// 添加请求拦截器
http.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const token = localStorage.getItem("token");
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    Toast.show({
      icon: "loading",
      content: "加载中…",
    });
    // 、使用脚手架创建react项目
// 2、正确封装axios
// 2-1、在请求拦截器中开启loading效果
// 2-2、在响应拦截器中关闭loading效果
// 2-3、在请求拦截器中给请求头携带token
// 2-4、响应错误的时候，处理4、5开头的错误状态码
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
http.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
   Toast.clear
    return response;
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    const code = error.response.status;

    if (code !== 200) {
      if (code === 400) {
        console.log("请求错误");
      } else if (code === 404) {
        console.log("资源未找到");
      } else if (code === 500) {
        console.log("服务器有误");
      }
    }
    return Promise.reject(error);
  }
);

export default http;
